{% extends "main_layout.html" %}
{% block content %}
    <link href="/static/css/jquery.treeview.css" rel="stylesheet" type="text/css" media="screen" />
    <script type="text/javascript" src="/static/js/jquery.treeview.js"></script>    
    <script type="text/javascript" src="/static/js/jquery.treeview.edit.js"></script>
    <script type="text/javascript" src="/static/js/jquery.treeview.async.js"></script>
    <script type="text/javascript" src="/static/js/my/treeview.js"></script>        
    <div class="container-fluid">
        <div class="row-fluid">
            <div class="span3">
                <div class="well sidebar-nav">
                    <ul id="tree"></ul>
                </div>
            </div><!--/span-->

            <div class="span9">
                <div class="hero-unit">
                    content here <br />
                    {{ book.main_page }}
                    <div id="test"></div>
                </div>
            </div>
        </div><!--/span-->
    </div><!--/row-->
{% endblock %}
